<template>
  <div>
    <h1>App</h1>
    <!--
      按键事件 
      v-on:keyup => @keyup
      按键修饰符 .xxx
      .enter 按下回车时触发事件 
      .left 按方向键左
     -->
    <input type="text" @keyup.enter="handleKeyUp">
  </div>
</template>

<script>
export default {
  methods: {
   handleKeyUp(e) {
    // console.log(e.key);
    // if (e.key === 'Enter') {
    //   // 按下回车
    //   // 在此例子中e.target拿的是input框 取值用.value
    //   console.log(e.target.value);
    // }
    console.log(e.target.value);
   }
  }
}
</script>

<style>

</style>